<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<%@include file="common/head.jsp"%>
<body>

    <%@include file="common/header.jsp"%>

    <div class="breadcrumbs">
        <div class="container_12">
            <div class="grid_12">
                <a>在线商城</a><span></span><a><c:out value="${article.blockName}" /></a><span></span><span class="current"><c:out value="${article.title}" /></span>
            </div><!-- .grid_12 -->
        </div><!-- .container_12 -->
    </div><!-- .breadcrumbs -->

    <section id="main">
        <div class="container_12">
            <div id="content" class="grid_9">
                <header>
                    <h1 class="page_title"><c:out value="${article.title}" /></h1>
                </header>

                <article>
                    <div class="content_article">
                        <p><c:out value="${article.text}" /></p>
                    </div><!-- .content_article -->
                    <div class="footer_article">
                        <div class="number_c"><strong><c:out value="${article.commentNumber}" /></strong> 条评论</div>
                        <strong>发表时间：</strong><time><c:out value="${article.dateAdd}" /></time>
                    </div>
                </article>

                <div class="comments_blog">
                    <h4>评论</h4>
                    <ul class="comments">
                        <li>
                            <div class="avatar"><img src="img/content/avatar.png" alt="Avatar"></div>
                            <div class="autor"><strong>Mike Example</strong></div>, <time datetime="2012-11-03">03.11.2012</time>
                            <p>Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas tincidunt feugiat ultricies. Phasellus et dui risus. Vestibulum adipiscing, eros quis lobortis dictum.  Many desktop publishing packages and web page editors now use.</p>
                        </li>

                        <li>
                            <div class="avatar"><img src="img/content/avatar.png" alt="Avatar"></div>
                            <div class="autor"><strong>Mike Example</strong></div>, <time datetime="2012-11-03">03.11.2012</time>
                            <p>Suspendisse at placerat turpis. Duis luctus erat vel magna pharetra aliquet. Maecenas tincidunt feugiat ultricies. Phasellus et dui risus. Vestibulum adipiscing, eros quis lobortis dictum.  Many desktop publishing packages and web page editors now use.</p>
                        </li>
                    </ul><!-- .comments -->
                </div><!-- .comments_blog -->

                <form class="add_comments" id="add_comments_blog" action="" method="post">
                    <h4>留下评论</h4>

                    <div class="clear"></div>

                    <div class="text_review">
                        <strong>评论</strong><br>
                        <textarea name="text"></textarea><br>
                    </div><!-- .text_review -->

                    <input type="submit" value="提交评论">
                </form><!-- #add_comments_blog -->

                <div class="clear"></div>
            </div><!-- #content -->

            <%@include file="common/sidebar.jsp"%>
            <div class="clear"></div>
        </div><!-- .container_12 -->
    </section><!-- #main -->
    <div class="clear"></div>

    <%@include file="common/footer.jsp"%>

    <%@include file="common/script.jsp"%>
</body>
</html>

